{template common/header}
<script type="text/javascript" src="{jsdir}puzzing-screenshot.js"></script>
<div class="container">
	<div class="span9 main" id="$share['share_id']">
		<div class="share-title">
			<div class="single-title vcard group">
				<a href="{url home/user?uid=$share['user_id']}" data-user-id="$share['user_id']" data-user-profile="1">
				<img src="{avatar($share['user_id'], 'middle')}" class="avatar photo-middle">
				</a>
				<h1 class="share_desc">$share['title'] <small>$relation</small></h1>
				<div class="shot-byline">
					<span class="shot-byline-user">by <a href="{url home/user?uid=$share['user_id']}" data-user-id="$share['user_id']" data-user-profile="1">$share['user_nickname']</a></span>
					
					
					<span class="screenshot-dash">
						{date $share['create_time']}
					</span>
					
					<div class="screenshot-dash screenshot-project">
					{lang share_at}
					<a href="{url pin/index?name=$share['category_name_en']}">$share['category_name_cn']</a>
					<a href="{url home/albumshare?aid=$share['album_id']}">$share['album_title']</a>
					</div>
				</div>
			</div> 
		</div>
		{template detail/meta}
		<div class="plain-shot" id="$share['share_id']_image"  href="$share['link']">
		$share_intro
		<br/>
		{loop $images $img}
			{if $img['isimage']==2}
				<div class="shot-video">
						<object id="99746" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
					            height="353" width="470" type="application/x-shockwave-flash" 
					            data="$img['remote']">
					    <param name="quality" value="high">
					    <param name="bgcolor" value="#000000">
					    <param name="allowScriptAccess" value="always">
					    <param name="wMode" value="Transparent">
					    <param name="swLiveConnect" value="true">
					    <param name="allowfullscreen" value="true">
					    <param value="$img['remote']" name="movie">
					    <embed src="$img['remote']" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="Transparent" width="470" height="353" style="visibility: visible;" pluginspage="http://get.adobe.com/cn/flashplayer/">
					    </object>
					    <i class="video_icon hide" orgin_url="$img['source']" orgin_src="$img['url']"></i>
				</div>
			{elseif $img['isimage']==1}
				<div class="shot-image">
				    <img src="$img['url']" orgin_src="$img['url']">
				   	{if $img['description']}
				    	<div class="shot-pic-desc"><p><i class="sup-ico"></i>$img['description']<i class="sub-ico"></i></p></div>
					{/if}
				</div>
			
			{/if}
		{/loop}	
		{loop $files $file}
			<div class="shot-file mt10">
				    <ignore_js_op>
				    <span class="label label-warning">$file['fileext']</span> 
				    <span class="attachinfo"><a href="{url attachment/download?aid=$file['aid']}">{$file['filename']}</a> ({lang download_time:tip}: {$file['downloads']}, {echo sizecount($file['filesize'])}, {date $file['create_time']}{lang tip_upload})</span>
				    </ignore_js_op>
			</div>
		{/loop}	
		</div>
		{template detail/comment}
	</div>
	
	<div class="span3 secondary">
	{template detail/album}
	{template detail/same_from}
	{template common/secondary}
	{template detail/view_history}
	</div>
	
</div>
{if $tpl_waterfall}
<div class="container mt20">
<div class="navmenu clearfix span12">
	<div class="navmenu-current">
		<span>{lang guess_you_like}</span>
	</div>
</div>
	<div class="span12 ml0" id="waterfall" data-pin-width="235" data-animated="0" style="min-height: 50px;">
		$tpl_waterfall
	</div>
</div>
{/if}
<div class="container mt20">
	<div id="kbd-legend" class="kbd">
		<p>{lang keyboard_shortcuts}: <span><strong>←</strong> 
				{if $preid}
                <a href="{url detail/index?shareid=$preid}" class="prev">{lang prev_page}</a> 
                {else}
                <a href="javascript:void(0);" class="prev">{lang no_more_earlier}</a>
                {/if}</span> 
                <span><strong>→</strong> 
				{if $nextid}
                <a href="{url detail/index?shareid=$nextid}" class="next">{lang next_page}</a>
                {else}
                <a href="javascript:void(0);" class="next">{lang already_last}</a>
                {/if}</span> <span><strong>L</strong> {lang or} <strong>F</strong> {lang tip_like}</span></p>
	</div>
</div>
{template common/footer}
